<!DOCTYPE>
<html>
<head>
  <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  <title>后台管理</title>
  <link href="style/images/favicon.ico" type="image/x-icon" rel="icon" />
  <script type="text/javascript" src="style/js/common.js"></script>
  <script type="text/javascript" src="style/js/jquery-1.8.1.min.js"></script>
  <script type="text/javascript" src="style/js/jquery-ui-1.8.23.custom.min.js"></script>
  
  <!-- jquery-ui-timepicker-addon.js使日期选择精确到时间选择 -->
  <script type="text/javascript" src="style/js/jquery-ui-timepicker-addon.js"></script>
  <script type="text/javascript" src="style/js/jquery.ui.datepicker-zh-CN.js"></script>
  
  <!-- jquery.dataTables.min.js表格插件 -->
  <script type="text/javascript" src="style/js/jquery.dataTables.min.js"></script>
  
  <!-- jquery.jeditable.js可实现点击页面元素直接编辑 -->
  <script type="text/javascript" src="style/js/jquery.jeditable.js"></script>

	<!-- jquery.form.js 实现表单的ajax效果-->
	<script type="text/javascript" src="style/js/jquery.form.js"></script>
	
	
  <link href="style/css/smoothness/jquery-ui-1.8.23.custom.css" type="text/css" rel="stylesheet">
  <link href="style/css/admin.css" type="text/css" rel="stylesheet">
  <link href="style/css/demo_page.css" type="text/css" rel="stylesheet">
  <link href="style/css/demo_table.css" type="text/css" rel="stylesheet">
  
  <script type="text/javascript">
  $(document).ready(function(){
	  $('#viewport-left ul li a').click(function(){
		  $('#main-content').load($(this).attr('url'));
      $('#viewport-left ul li a').removeClass('selected');
      $(this).addClass('selected');
      
      $('#viewport-left ul li a em.menu-icon-point').remove();
      $(this).append('<em class="menu-icon-point"></em>');
      setcookie('selected_menu_id', $(this).attr('id'));
    });
	  
	  $('.vl-box-1 .box-1-title').toggle(function() {
      $(this).parents('.vl-box-1').find('ul').hide();
      $(this).html('全部展开');
    }, function() {
      $(this).parents('.vl-box-1').find('ul').show();
      $(this).html('全部收起');
    });
    
    
    $('.vl-box-2 .box-2-title').on('mouseover', function() {
      $(this).find('.arrow-up').show();
    }).on('mouseout', function() {
      $(this).find('.arrow-up').hide();
    }).toggle(function() {
      $(this).find('.arrow-up').toggleClass('arrow-down-darkblue');
      $(this).parent().find('ul').slideToggle('fast');
    }, function() {
      $(this).parent().find('ul').slideToggle('fast');
      $(this).find('.arrow-up').toggleClass('arrow-down-darkblue');
    });
    
    
	  $('.vl-box-2 .box-2-title .arrow-up').hide();
	  $('#viewport-left ul').show();
	  $('.arrow-up').addClass('arrow-down-darkblue');
	  
	  var selected_menu_id = getcookie('selected_menu_id');
	  if(selected_menu_id){
		  $('#'+selected_menu_id).trigger('click');
	  }else{
		  $('#viewport-left ul li a:first').trigger('click');
	  }
	  
  })  
  </script>
</head>
<body>
  <div id="container">
    <div id="header">
      <div class="cl overflow" id="top">
        <a class="l mt10" id="logo" title="首页" href="/">后台管理</a>
        <div class="r mt30" id="user-nav">
	        <span>  <{$smarty.session.username}></span>
	        <a class="ml10" target="_top" href="<{$login_url}>">退出</a>
        </div>
      </div>
      <div class="cl" id="nav"></div>
    </div>
    
    <div id="content">
      <div id="viewport-left">
        <div class="vl-box-1" id="analyse-basic">
        <div class="box-1-title">全部收起</div>
          <div class="vl-box-2 no-line">
            <div class="box-2-title">
            <em class="menu-general-situation l"></em>
            <span class="l">概况</span>
            <span class="arrow-up arrow-up-darkblue r" style="display: none;"></span>
            </div>
            <ul>
              <li><a href="javascript:void(0)" url="admin.php?ctrl=index&act=server_info" id="menu_server_1">服务器信息 </a></li>
            </ul>
          </div>
          <div class="vl-box-2 no-line">
            <div class="box-2-title">
            <em class="menu-general-situation l"></em>
            <span class="l">分类管理</span>
            <span class="arrow-up arrow-up-darkblue r" style="display: none;"></span>
            </div>
            <ul>
              <li><a href="javascript:void(0)" url="admin.php?ctrl=taxonomy" id="menu_taxonomy_1">分类 </a></li>
              <li><a href="javascript:void(0)" url="admin.php?ctrl=vocabulary&mn=ptype" id="menu_taxonomy_2">产品类型 </a></li>
              <li><a href="javascript:void(0)" url="admin.php?ctrl=vocabulary&mn=source" id="menu_taxonomy_3">商品来源 </a></li>
              <li><a href="javascript:void(0)" url="admin.php?ctrl=vocabulary&mn=color" id="menu_taxonomy_4">颜色 </a></li>
            </ul>
          </div>
          <div class="vl-box-2 no-line">
            <div class="box-2-title">
            <em class="menu-general-situation l"></em>
            <span class="l">产品管理</span>
            <span class="arrow-up arrow-up-darkblue r" style="display: none;"></span>
            </div>
            <ul>
              <li><a href="javascript:void(0)" url="admin.php?ctrl=product" id="menu_product_1">产品列表 </a></li>
            </ul>
          </div>
          <div class="vl-box-2 no-line">
            <div class="box-2-title">
            <em class="menu-general-situation l"></em>
            <span class="l">用户管理</span>
            <span class="arrow-up arrow-up-darkblue r" style="display: none;"></span>
            </div>
            <ul>
              <li><a href="javascript:void(0)" url="admin.php?ctrl=user&act=items" id="menu_user_1">用户列表 </a></li>
              <li><a href="javascript:void(0)" url="admin.php?ctrl=user&act=add" id="menu_user_2">添加用户 </a></li>
            </ul>
          </div>
          
	        
	      </div>
	    </div>
      <div id="main-content">
      
      </div>
    </div>
  </div>
</body>
</html>